@charset "utf-8";
/* CSS Document */
div.party_op{
	width:550px;
	float:left;
	margin: 30px 0 0 30px;
	line-height: 30px;
	height: 30px;
}
div.party_op a.normal{
	float:left;
	margin: 8px 0 0 0px;
	line-height: 30px;
	height: 16px;
	font-size: 12px;
}
div.party_op a.del {
    background: url("../../image/clipdetail_del.png") no-repeat scroll left center transparent;
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin-top: 8px;
    padding-left: 20px;
}
div.party_op a.interest {
    background: url("../../image/clipdetail_interest.png") no-repeat scroll left center transparent;
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin-top: 8px;
    padding-left: 20px;
    width: auto;
}
div.party_op a.interest:hover {
    background: url("../../image/clipdetail_uninterest.png") no-repeat scroll left center transparent;
}
div.party_op a.uninterest {
    background: url("../../image/clipdetail_uninterest.png") no-repeat scroll left center transparent;
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin-top: 8px;
    padding-left: 20px;
    width: auto;
}
div.party_op a.uninterest:hover {
    background: url("../../image/clipdetail_interest.png") no-repeat scroll left center transparent;
}
div.party_op a.forward {
    background: url("../../image/clipdetail_forward.png") no-repeat scroll left center transparent;
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin-top: 8px;
    padding-left: 20px;
    width: auto;
}
div.party_op a.comment {
    background: url("../../image/clipdetail_comment.png") no-repeat scroll left center transparent;
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin-top: 8px;
    padding-left: 20px;
    width: auto;
}
div.party_op a.favor {
    background: url("../../image/clipdetail_favor.png") no-repeat scroll left center transparent;
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin-top: 8px;
    padding-left: 20px;
    margin-left:10px;
    width: 100px;
}
div.party_op a.favor:hover {
    background: url("../../image/clipdetail_unfavor.png") no-repeat scroll left center transparent;
}
div.party_op a.unfavor {
    background: url("../../image/clipdetail_unfavor.png") no-repeat scroll left center transparent;
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin-top: 8px;
    padding-left: 20px;
    width: 100px;
    margin-left:10px;
}
div.party_op a.unfavor:hover {
    background: url("../../image/clipdetail_favor.png") no-repeat scroll left center transparent;
}
div.party_op a.quitclip {
    background: url("../../image/clipdetail_quit.png") no-repeat scroll left center transparent;
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin-top: 8px;
    padding-left: 20px;
}
div.party_op a.msgopen {
    background: url("../../image/clipdetail_acceptstatus.png") no-repeat scroll 0 -22px transparent;
    float: right;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin-top: 5px;
    padding-left: 24px;
    width: 53px;
}
div.party_op a.msgopen:hover {
    background-position: 0 0;
}
div.party_op a.msgclose {
    background: url("../../image/clipdetail_acceptstatus.png") no-repeat scroll left top transparent;
    float: right;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin-top: 5px;
    padding-left: 24px;
    width: 53px;
}
div.party_op a.msgclose:hover {
    background-position: 0 -22px;
}
div.party_op a.atta{
	background: url("../../image/clipdetail_atta.png") no-repeat scroll left center transparent;
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin-top: 8px;
    padding-left: 20px;
    width: auto;
}
div.party_op div.setclock {
    float: right;
    height: 22px;
    margin-left: 10px;
    margin-top:5px;
    width: auto;
    border-radius:6px;
	background: #C2E1F5;
}
div.party_op div.setclock b.left {
    background: url("../../image/cal_setclockbgleft.png") repeat scroll 0 0 transparent;
    float: left;
    height: 22px;
    width: 3px;
}
div.party_op div.setclock b.right {
    background: url("../../image/cal_setclockbgright.png") repeat scroll 0 0 transparent;
    float: left;
    height: 22px;
    width: 3px;
}
div.party_op div.setclock div.middle {
   /* background: url("../../image/cal_setclockbgmiddle.png") repeat scroll 0 0 transparent;*/
    float: left;
    height: 22px;
    padding: 0 5px;
}
div.party_op div.setclock div.middle i.clock {
    background: url("../../image/cal_clock.png") repeat scroll 0 0 transparent;
    float: left;
    height: 18px;
    width: 18px;
    margin-top: 2px;
}
div.party_op div.setclock div.middle i.clockoff {
    background: url("../../image/cal_clock.png") repeat scroll 0 -36px transparent;
    float: left;
    height: 18px;
    width: 18px;
    margin-top: 2px;
}
div.party_op div.setclock div.middle input.date {
    float: left;
    font-size: 12px;
    height: 14px;
    margin-left: 15px;
    margin-top: 3px;
    width: 60px;
}
div.party_op div.setclock div.middle input.time {
    float: left;
    font-size: 12px;
    height: 14px;
    margin-left: 10px;
    margin-top: 3px;
    width: 20px;
}
div.party_op div.setclock div.middle span.time {
    color:#375A7D;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    margin-left: 4px;
}
div.party_op div.setclock div.middle span.timedata {
    color:#375A7D;
    float: left;
    font-size: 12px;
    line-height: 22px;
    margin-left: 4px;
}
div.party_op div.setclock div.middle a.confirm {
    height: 14px;
	width: 14px;
	background: url("../../image/cal_clockset_cc.png") 0px 0;
    float: left;
    margin-left: 4px;
    margin-top: 5px;
}
div.party_op div.setclock div.middle a.confirm:hover {
    background-position: 0px -14px;
}
div.party_op div.setclock div.middle a.cancel {
    background: url("../../image/cal_clockset_cc.png") -14px 0;
    float: left;
	height: 14px;
	width: 14px;
    margin-left: 4px;
    margin-top: 5px;
}
div.party_op div.setclock div.middle a.cancel:hover {
    background-position: -14px -14px;
}
div.party_op div.setclock div.middle a.timeset {
    float: left;
    font-size: 12px;
    line-height: 22px;
    margin-left: 4px;
}
div.party_op a.clock {
    background: url("../../image/cal_clock.png") repeat scroll 0 0 transparent;
    float: left;
    height: 22px;
    width: 22px;
}
div.party_op input {
    border: 1px solid #A7A6AA;
    float: left;
    height: 18px;
    margin-left: 30px;
    padding: 0 1px;
    width: 300px;
}
/*
div.party_op a{
	width:80px;
	height:25px;
	float:left;
	cursor:pointer;
	margin-left:27px;
	background:url(../../image/daydetailcontent_opt.png) no-repeat;
}
div.party_op a.del{
	background-position:0 0px;
}
div.party_op a.del:hover{
	background-position:-80px 0px;
}
div.party_op a.join{
	background-position:0 -25px;
}
div.party_op a.join:hover{
	background-position:-80px -25px;
}
div.party_op a.undo{
	background-position:0 -50px;
}
div.party_op a.undo:hover{
	background-position:-80px -50px;
}
div.party_op a.reject{
	background-position:0 -75px;
}
div.party_op a.reject:hover{
	background-position:-80px -75px;
}
div.party_op a.ignore{
	background-position:0 -100px;
}
div.party_op a.ignore:hover{
	background-position:-80px -100px;
}
div.party_op a.reback{
	background-position:0 -125px;
}
div.party_op a.reback:hover{
	background-position:-80px -125px;
}
div.party_op a.delete{
	background-position:0 -150px;
}
div.party_op a.delete:hover{
	background-position:-80px -150px;
}
div.party_op a.saveshare{
	background-position:0 -175px;
}
div.party_op a.saveshare:hover{
	background-position:-80px -175px;
}

div.party_op a.forwardshare{
	background-position:0 -200px;
}
div.party_op a.forwardshare:hover{
	background-position:-80px -200px;
}
div.party_op a.alreadyfw{
	background-position:0px -225px;
}
div.party_op a.alreadyfw:hover{
	background-position:-80px -225px;
}
div.party_op a.alreadyfwopen{
	background-position:0px -250px;
}
div.party_op a.alreadyfwopen:hover{
	background-position:-80px -250px;
}
div.party_op a.modify{
	background-position:0px -275px;
}
div.party_op a.modify:hover{
	background-position:-80px -275px;
}
div.party_op a.alreadyaccept {
    background-position: 0 -300px;
    cursor: default;
}
div.party_op a.alreadyrefuse {
    background-position: -80px -300px;
    cursor: default;
}
*/
div.alreadyfwpart{
	float: left; 
	border: 1px solid #589a9a; 
	padding: 4px 16px; 
	margin-top: -2px;
	font-size: 12px;
}
div.alreadyfwpart span{
	margin: 0 10px;
	font-size: 12px;
}

div.forwardshare_box{
	width: 330px;
	height: 105px;
	position: absolute;
	z-index: 80;
	background: transparent;
}
div.forwardshare_box div.optdiv{
	float: left;height: 10px;
	position: relative;
	width: 330px;
}
div.forwardshare_box div.optdiv a.corner{
    background: url("../../image/set_ctday/alertcorner.png") repeat scroll 0 0 transparent;
    cursor: default;
    display: block;
    height: 10px;
    left: 180px;
    position: relative;
    top: 1px;
    width: 10px;
}
div.forwardshare_box div.optdiv a.close {
    background: url("../../image/set_ctday/alertclose.png") repeat scroll 0 0 transparent;
    display: block;
    height: 12px;
    left: 296px;
    position: relative;
    top: -6px;
    width: 12px;
}
div.forwardshare_box div.optdiv a.close:hover {
    background-position: 0 -12px;
}

div.forwardshare_box div.forwardbox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #8A9AA7;
    box-shadow: 0 0 10px #777777;
    float: left;
    overflow: hidden;
    padding: 5px 0;
    width: 300px;
}

div.forwardbox div.share-choose{
	float: left;margin:10px 0 0 20px;width: 95%;
}
div.forwardbox div.share-choose span.share-title{
	font-size: 13px;font-weight: 700;color:#15120b;float: left;line-height: 20px;
}
div.forwardbox div.share-choose span.share-title input.sharerd{
	margin-top: 2px;float: left;
}
span.share-errorinfo{
	float: left; margin-left: 30px;color: #ff0000;line-height: 20px;font-size:11px;
	text-align:right;
	width:265px;
}
div.forwardbox div.share-contactchooseout{
	float: left;margin:4px 0 0 10px;height: auto;width: 280px;
}
div.share-contactchoose{
	float: left;display: none;height: auto;width: 280px;
}
div.share-contactchoose span.groupname{
    color: #15120B;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin-left: 80px;
}
div.share-contactchoose input {
    border: 1px inset #B8B8B8;
    float: left;
    height: 16px;
    margin-left: 10px;
    width: 120px;
}
div.share-contactchoose div.contactgrouplist{
	float: left;
	margin-top: 10px;
	width: 300px;
}
div.share-contactchoose div.contactgrouplist ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px inset #B8B8B8;
    display: none;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 4px 6px;
    width: 268px;
}
div.share-contactchoose div.contactgrouplist ul li {
    background: none repeat scroll 0 0 #D6D6D6;
    color: #393939;
    float: left;
    height: 22px;
    margin: 2px 6px 0 0;
    padding: 0 4px;
}
div.share-contactchoose div.contactgrouplist ul li span.groupicon {
    background: url("../../image/listgroupicon.png") repeat scroll 0 0 transparent;
    float: left;
    height: 18px;
    margin-left: 3px;
    margin-top: 3px;
    width: 16px;
}
div.share-contactchoose div.contactgrouplist ul li span.groupname {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-left: 3px;
    margin-top: 1px;
    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;
    width: 60px;
}
div.share-contactchoose div.contactgrouplist ul li span.groupcount {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    margin-left: 3px;
    margin-top: 1px;
    line-height: 19px;
}
div.share-contactchoose div.contactgrouplist ul li a {
    background: url("../../image/contactgroupclose.png") repeat scroll 0 0 transparent;
    float: right;
    height: 6px;
    margin: 4px 0 0 15px;
    width: 6px;
}
div.forwardbox div.share-contactchoosebtn{
	float: left;
	height: 22px;
	width: 100%;
	padding-top: 4px;
	padding-bottom: 8px;
}
div.forwardbox div.share-contactchoosebtn button.confirm{
	background: url("../../image/quickclip/confirm.png");
	margin: 0 0 0 180px;
	border: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	width: 50px;
	height: 22px;
	float: left;
}
div.forwardbox div.share-contactchoosebtn button.confirm:hover{
	background-position: 0 -22px;
}
div.forwardbox div.share-contactchoosebtn button.confirm:active{
	background-position: 0 -44px;
}
div.forwardbox div.share-contactchoosebtn button.cancel{
	background: url("../../image/quickclip/cancel.png");
	margin: 0 0 0 10px;
	border: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	width: 50px;
	height: 22px;
	float: left;
}
div.forwardbox div.share-contactchoosebtn button.cancel:hover{
	background-position: 0 -22px;
}
div.forwardbox div.share-contactchoosebtn button.cancel:active{
	background-position: 0 -44px;
}

div.forwardsharemember_box{
	width: 511px;
	position: absolute;
	left: 100px;
	top: 100px;
}
div.forwardsharemember_box div.head{
	width: 511px;
	float: left;
	height: 58px;
	background: url("../../image/alreadyforward_head.png");
}
div.forwardsharemember_box div.head a.close{
	float:right;
	width: 16px;
	height: 16px;
	background: url("../../image/addclipinvitecontactclose.png");
}
div.forwardsharemember_box div.head a.close:hover{
	background-position: 0 -16px;
}
div.forwardsharemember_box div.body{
	width: 511px;
	float: left;
	height: auto;
	background: url("../../image/alreadyforward_body.png") repeat-y;
	padding: 20px 0;
}
div.forwardsharemember_box div.body div.forwardmember{
	background: #e7e7e7;
	height: 30px;
	width: 100px;
	float: left;
	margin: 10px 0 0 20px;
}
div.forwardsharemember_box div.body div.forwardmember div.logo{
	float: left;
	height: 30px;
	width: 30px;
}
div.forwardsharemember_box div.body div.forwardmember span.name{
	font-size:12px;
	float:left;
	color:#223d56;
	line-height: 30px;
	width: 60px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 5px;
    cursor: pointer;
}
div.forwardsharemember_box div.foot{
	width: 511px;
	float: left;
	height: 30px;
	background: url("../../image/alreadyforward_foot.png") no-repeat;
	padding: 0px;
	border: 0px;
}